<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>查看消息 Message Information</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" th:href="@{/statics/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/statics/style/admin.css}" media="all">
</head>
<body>

<div class="layui-col-md12" style="padding: 10px;">
    <div class="layui-card">
        <div class="layui-card-header">
            <b>[[${message.title}]]</b>
            <span style="float: right;">[[${#dates.format(message.createTime,'yyyy-MM-dd HH:mm:ss')}]]</span>
        </div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-md12">
                    <span class="layui-badge layui-bg-black">发件人</span> : <span class="layui-badge-rim" th:text="${message.fromNickName}" style="margin-right: 50px"></span>
                    <span class="layui-badge layui-bg-green">收件人</span> : <span class="layui-badge-rim" th:text="${message.toNickName}"></span>
                </div>
                <div class="layui-col-xs12 layui-col-md12" th:utext="${message.content}" style="padding: 20px 10px;"></div>
            </div>
        </div>
        <div class="layui-hide">
            <button class="layui-btn" lay-submit lay-filter="LAY-message-add-submit" id="LAY-message-add-submit">提交</button>
        </div>
    </div>
</div>

<script th:src="@{/statics/layui/layui.js}"></script>
<script>
    layui.config({
        base: '/statics/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form'], function () {
        var $ = layui.$
            ,form = layui.form;
    })
</script>
</body>
</html>